import {Flex, Tabs, WhiteSpace} from '@ant-design/react-native';
import React, {Component} from 'react';
import {Text, View, Image} from 'react-native';

class MyInformation extends Component {
    static navigationOptions = {
        title: '我的信息',
    };
    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <View style={{flexDirection: 'column', backgroundColor: '#F6F6F6'}}>
                <View
                    style={{
                        width: '100%',
                        height: 2,
                        backgroundColor: '#F6F6F6',
                    }}
                />
                <Flex
                    direction={'row'}
                    style={{backgroundColor: '#FFFFFF', height: 52}}
                    onPress={() => {
                        this.props.navigation.push('PersonalInformation');
                    }}>
                    <Image style={{width: 15, height: 15, marginLeft: 15}} source={require('~/assets/myinformation/personal2x.png')} />
                    <Text style={{fontSize: 15, marginLeft: 9}}>个人信息</Text>
                    <Flex style={{width: '65%'}} justify={'end'}>
                        <Image style={{width: 9, height: 15.85}} source={require('~/assets/my/gengduo2x.png')} />
                    </Flex>
                </Flex>
                <View
                    style={{
                        width: '100%',
                        height: 2,
                        backgroundColor: '#F6F6F6',
                    }}
                />
                <Flex
                    direction={'row'}
                    style={{backgroundColor: '#FFFFFF', height: 52}}
                    onPress={() => {
                        this.props.navigation.push('MyCardBag');
                    }}>
                    <Image style={{width: 15, height: 15, marginLeft: 15}} source={require('~/assets/myinformation/mycardbag2x.png')} />
                    <Text
                        style={{
                            marginLeft: 9,
                            fontSize: 15,
                        }}>
                        我的卡包
                    </Text>
                    <Flex style={{width: '65%'}} justify={'end'}>
                        <Image style={{width: 9, height: 15.85}} source={require('~/assets/my/gengduo2x.png')} />
                    </Flex>
                </Flex>
                {/*<View*/}
                {/*    style={{*/}
                {/*        width: '100%',*/}
                {/*        height: 2,*/}
                {/*        backgroundColor: '#F6F6F6',*/}
                {/*    }}*/}
                {/*/>*/}
                {/*<Flex*/}
                {/*    direction={'row'}*/}
                {/*    style={{backgroundColor: '#FFFFFF', height: 52}}*/}
                {/*    onPress={() => {*/}
                {/*        this.props.navigation.push('MyAddress');*/}
                {/*    }}>*/}
                {/*    <Image*/}
                {/*        style={{width: 15, height: 15, marginLeft: 15}}*/}
                {/*        source={require('~/assets/myinformation/myaddress2x.png')}*/}
                {/*    />*/}
                {/*    <Text*/}
                {/*        style={{*/}
                {/*            marginLeft: 9,*/}
                {/*            fontSize: 15,*/}
                {/*        }}>*/}
                {/*        我的地址*/}
                {/*    </Text>*/}
                {/*    <Flex style={{width: '65%'}} justify={'end'}>*/}
                {/*        <Image*/}
                {/*            style={{width: 9, height: 15.85}}*/}
                {/*            source={require('~/assets/my/gengduo2x.png')}*/}
                {/*        />*/}
                {/*    </Flex>*/}
                {/*</Flex>*/}
            </View>
        );
    }
}

export default MyInformation;
